<%@page import="com.canin.model.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<div id="rightPan">
	<div id="rightbodyPan">

		<div id="headerTab" style="height: 55px;">
			<a style="width: 90px;" href="<s:url action="member_edit"/>">ข้อมูลส่วนตัว</a>
			<a style="width: 60px;" href="<s:url action="dog_toAdd"/>">เพิ่มสุนัข</a>
			<a style="width: 200px;" href="<s:url action="dog_toEdit"/>">ปรับปรุงข้อมูลสุนัขให้เป็นปัจจุบัน</a>
			<a style="width: 200px; margin-top: 5px;" href="<s:url action="sugg_food"/>">สั่งซื้ออาหารสำหรับสุนัขของฉัน</a>
			<a style="width: 210px; margin-top: 5px;" id="clicked">สั่งซื้ออุปกรณ์สำหรับสุนัขของฉัน</a>
		</div>

		<script type="text/javascript">
			function onDogNameChange(value) {
				document.getElementById('sugg_dogT').submit();
			}

			function show() {
				document.getElementById('sugg_show').submit();
			}

			function searchT() {
				document.getElementById('sugg_searchT').submit();
			}

			function orderTool() {
				document.getElementById('sugg_orderTool').submit();
			}

			function fx(value) {
				console.log(value);
			}
		</script>

		<s:form id="sugg_dogT" action="sugg_dogT" theme="simple">
			<table>
				<tr>
					<td id="slabel" style="padding-top: 30px;">สั่งซื้ออุปกรณ์สำหรับ:</td>
					<td style="padding-top: 30px;"><s:select list="dogNameList"
							key="suggForm.dogNameList" headerKey="-1" headerValue=""
							onchange="onDogNameChange(this.value)" /></td>
				</tr>
			</table>
		</s:form>

		<s:form id="sugg_show" action="sugg_show" theme="simple">
			<s:if test="suggForm.showLastUpdated">
				<p style="padding-top: 10px;" id="sugg">
					<s:label name="suggForm.dateCount" />
					<a style="width: 200px;" href="<s:url action="dog_toEdit"/>">ปรับปรุงข้อมูล</a>
				</p>

				<input onclick="show()" type="button" value="แสดงข้อมูล" id="button"
					style="margin: 5px 0 0 250px; width: 100px;"></input>
				<hr />
			</s:if>
		</s:form>

		<s:form id="sugg_searchT" action="sugg_searchT" theme="simple">
			<s:if test="suggForm.showDetail">
				<p id="sugg">
					<s:label name="suggForm.dogName"/>&nbsp;&nbsp;&nbsp;&nbsp;อายุ&nbsp;<s:label name="suggForm.ageDisplay"/>
				</p>
				<p id="sugg">
					น้ำหนัก&nbsp;&nbsp;<s:label name="suggForm.weight" />&nbsp;&nbsp;กิโลกรัม
				</p>
				<p id="sugg">
					เป็นสุนัข&nbsp;&nbsp;<s:label name="suggForm.lifeSpan" />
					&nbsp;&nbsp; ขนาด<s:label name="suggForm.breedSize" />
					&nbsp;&nbsp; พันธุ์<s:label name="suggForm.breedName" />
				</p>

				<s:if test="suggForm.showDiet">
					<hr />
					<p id="sugg" style="padding-top: 5px;">
						น้ำหนัก<s:if test="suggForm.calcWeight==0">ตาม</s:if>
						<s:if test="suggForm.calcWeight==1">น้อยกว่า</s:if>
						<s:if test="suggForm.calcWeight==2">เกินกว่า</s:if>มาตรฐาน&nbsp;&nbsp;
						<s:label name="suggForm.percentWeight" />
					</p>

					<s:if test="suggForm.calcWeight==1 || suggForm.calcWeight==2">
						<p id="info">สุนัขพันธุ์
							<s:label name="suggForm.breedName" />&nbsp;&nbsp;วัยโตเต็มวัย มีน้ำหนักมาตรฐาน&nbsp;&nbsp;
							<s:label name="suggForm.standardWeight"/>&nbsp;&nbsp;กิโลกรัม
						</p>
						<p id="warning">สุนัขที่มีน้ำหนักมากกว่าปกติ 20% กรุณาติดต่อพนักงานหรือเจ้าของร้าน เพื่อรับคำแนะนำเกี่ยวกับขนาดของสินค้าโดยตรง</p>
					</s:if>
					<hr />
				</s:if>

				<p id="sugg"><strong>ประเภทของอุปกรณ์ที่ต้องการ</strong></p>
				<table>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.bed"/>ที่นอน</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.bowl"/>ชามอาหาร</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.kennel"/>กรงหรือบ้านสุนัข</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.leash"/>สายจูงสุนัข</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.toothbrush"/>แปรงสีฟัน</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.collar"/>ปลอกคอสุนัข</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.shampoo"/>แชมพู</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.toy"/>อุปกรณ์ทำความสะอาดและดูแลผิวหนังและขน</td></tr>
					<tr><td>&nbsp;</td><td><s:checkbox key="suggForm.muscleFoodNT"/>ของเล่น</td></tr>
				</table>

				<input onclick="searchT()" type="button"
					value="ค้นหาอุปกรณ์ที่เหมาะสม" id="button"
					style="margin: 10px 0 0 180px; width: 230px;"></input>
				<hr />
			</s:if>
		</s:form>
		
		<s:if test="desireToolList.size()!=0">
		<s:form action="sugg_orderTool" id="sugg_orderTool" theme="simple">
		
			<table width="100%">
				<s:iterator value="desireToolList" status="toolStatus">
		  			<tr>
		  				<td colspan="4"><p id="productName"><s:property value="name"/></p></td>
		  			</tr>
		  			<tr>
		  				<td colspan="4"><p id="productDesc"><s:property value="description"/></p></td>
		  			</tr>
		  			<tr align="center">
		  				<s:set var="varUrl" value="imageName"/>
		  				<td colspan="4"><img src="<s:url value="/images/product/%{varUrl}"/>" width="150" height="150"/></td>
		  			</tr>
		  			<tr>
		  				<td style="width:200px; padding: 0 0 0 5px;">ราคา  <s:property value="currencyPrice"/>  บาท</td>
		  				<td>ค่าขนส่ง  <s:property value="shippingPrice"/>  บาท</td>
		  				<td style="text-align: right;">สั่งซื้อ  
		  				<s:textfield size="2" maxlength="2" id="input_%{#toolStatus.index}" style=" text-align:right;"
						name="desireToolList[%{#toolStatus.index}].amount"/>  ชิ้น</td>
		  			</tr>
					<tr class="header">
						<td width="25%"><p id="productHeader">กว้าง(ซม.)</p></td>
						<td width="20%"><p id="productHeader">ยาว(ซม.)</p></td>
						<td width="20%"><p id="productHeader">สูง(ซม.)</p></td>
						<td width="35%"><p id="productHeader">เส้นผ่านศูนย์กลาง(ซม.)</p></td>
					</tr>
					<tr>
						<td width="25%"><p id="productRow"><s:property value="widht"/></p></td>
						<td width="20%"><p id="productRow"><s:property value="length"/></p></td>
						<td width="20%"><p id="productRow"><s:property value="height"/></p></td>
						<td width="35%"><p id="productRow"><s:property value="diameter"/></td>
					</tr>
					<tr class="header">
						<td width="25%"><p id="productHeader">ประเภท</p></td>
						<td width="20%"><p id="productHeader">วัตถุดิบ</p></td>
						<td width="20%"><p id="productHeader">ยาวน้อยสุด(ซม.)</p></td>
						<td width="35%"><p id="productHeader">ยาวสูงสุด(ซม.)</p></td>
					</tr>
					<tr>
						<td width="25%"><p id="productRow"><s:property value="thaiCollarType"/></p></td>
						<td width="20%"><p id="productRow"><s:property value="rawMaterial"/></p></td>
						<td width="20%"><p id="productRow"><s:property value="minLength"/></p></td>
						<td width="35%"><p id="productRow"><s:property value="maxLength"/></td>
					</tr>
				</s:iterator>
			</table>
			
			<input onclick="orderTool()" type="button" value="สั่งซื้อ"
			id="button" style="margin: 10px 0 0 250px; width: 90px; clear:both"></input>
			<hr/>
			<div style="height: 50px;"></div>
		</s:form>
		</s:if>
		
		<div align="center" style=" padding-top: 10px; color: red;">
		<s:if test="suggForm.foundBed=='NOT_FOUND'">-- ไม่มี ที่นอน ที่มีขนาดพอเหมาะกับ <s:label name="suggForm.dogName"/> --</s:if>
		</div>
		<div align="center" style=" padding-top: 10px; color: red;">
		<s:if test="suggForm.foundBowl=='NOT_FOUND'">-- ไม่มี ชามอาหาร ที่มีขนาดพอเหมาะกับ <s:label name="suggForm.dogName"/> --</s:if>
		</div>
		<div align="center" style=" padding-top: 10px; color: red;">
		<s:if test="suggForm.foundLeash=='NOT_FOUND'">-- ไม่มี สายจูงสุนัข ที่มีขนาดพอเหมาะกับ <s:label name="suggForm.dogName"/> --</s:if>
		</div>
		<div align="center" style=" padding-top: 10px; color: red;">
		<s:if test="suggForm.foundKennel=='NOT_FOUND'">-- ไม่มี กรงหรือบ้านสุนัข ที่มีขนาดพอเหมาะกับ <s:label name="suggForm.dogName"/> --</s:if>
		</div>
		<div align="center" style=" padding-top: 10px; color: red;">
		<s:if test="suggForm.foundToothbrush=='NOT_FOUND'">-- ไม่มี แปรงสีฟัน ที่มีขนาดพอเหมาะกับ <s:label name="suggForm.dogName"/> --</s:if>
		</div>
		<div align="center" style=" padding-top: 10px; color: red;">
		<s:if test="suggForm.foundCollar=='NOT_FOUND'">-- ไม่มี ปลอกคอสุนัข ที่มีขนาดพอเหมาะกับ <s:label name="suggForm.dogName"/> --</s:if>
		</div>
		
	</div>
</div>

